<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="utf-8"/>
    <title>陪玩管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully responsive admin theme which can be used to build CRM, CMS,ERP etc." name="description"/>
    <meta content="Techzaa" name="author"/>
    <link rel="shortcut icon" href="../../images/favicon.ico">
    <link href="../../vendor/select2/css/select2.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/>
    <script src="../../js/config.js"></script>
    <link href="../../css/app.min.css" rel="stylesheet" type="text/css" id="app-style"/>
    <link href="../../css/icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/toastr/toastr.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<div class="wrapper">
    <div class="leftside-menu">
        <span class="logo logo-light logo-lg" style="color: aqua;">
        陪玩管理系统
        </span>
        <div class="h-100" >
            <ul class="side-nav">
                <li class="side-nav-item">
   
                        <ul class="side-nav-second-level">
                            <li>
                                <a href="/orderList/init">订单列表</a>
                            </li>
                            <li>
                                <a href="/playWithList/init">陪玩列表</a>
                            </li>
                            <li>
                                <a href="/customerList/init">顾客列表</a>
                            </li>
                            <li>
                                <a href="/profitList/init">客户存单</a>
                            </li>
                        </ul>
   
                </li>
            </ul>
        </div>
    </div>
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <h4 class="page-title">陪玩录入</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <form>
                                            <div class="mb-3">
                                                <label class="form-label">昵称</label>
                                                <input type="text" class="form-control" id="playName">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">定级</label>
                                                <input type="text" class="form-control" id="playLevel">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">kook</label>
                                                <input type="text" class="form-control" id="playKook">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">来源</label>
                                                <input type="text" class="form-control" id="playSource">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">文字备注</label>
                                                <textarea class="form-control" rows="5" id="playNotes"></textarea>
                                            </div>
                                       
                                        </form>
                                    </div>
                                    <div class="col-lg-6">
                                        <form>
                                            <div class="mb-3">
                                                <label class="form-label">性别</label>
                                                <div class="">
                                                    <select class="form-select" id="playGender">
                                                        <option selected th:value="0">不详</option>
                                                        <option th:value="1">男</option>
                                                        <option th:value="2">女</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">微信号</label>
                                                <input type="text" class="form-control" id="playChat">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">支付宝</label>
                                                <input type="text" class="form-control" id="playAlipay">
                                            </div>
<!--                                            <div class="mb-3">-->
<!--                                                <label class="form-label">黑名单</label>-->
<!--                                                <div class="">-->
<!--                                                    <select class="select2 form-control select2-multiple" data-toggle="select2" multiple="multiple" >-->
<!--                                                        <option>顾客1</option>-->
<!--                                                        <option>顾客2</option>-->
<!--                                                        <option>顾客3</option>-->
<!--                                                        <option>顾客4</option>-->
<!--                                                    </select>-->
<!--                                                </div>-->
<!--                                            </div>-->
                                            <div class="mb-3">
                                                <label class="form-label">黑名单</label>
                                                <input type="text" class="form-control" id="blackList">
                                            </div>
<!--                                            <div class="mb-3">-->
<!--                                                <label class="form-label">图片备注</label>-->
<!--                                                <textarea class="form-control" rows="5" id=""></textarea>-->
<!--                                            </div>-->

<!--                                            <div class="mb-3">-->
<!--                                                <label class="form-label">最近接单时间</label>-->
<!--                                                <input type="text" id="datetime-datepicker" class="form-control"-->
<!--                                                       placeholder="请选择时间">-->
<!--                                            </div>-->

<!--                                            <div class="mb-3">-->
<!--                                                <label class="form-label" style="display: block;">黑名单</label>-->
<!--                                                <div class="form-check form-check-inline">-->
<!--                                                    <input type="radio" id="customRadio3" name="customRadio1"-->
<!--                                                           class="form-check-input">-->
<!--                                                    <label class="form-check-label" for="customRadio3">是</label>-->
<!--                                                </div>-->
<!--                                                <div class="form-check form-check-inline">-->
<!--                                                    <input type="radio" id="customRadio4" name="customRadio1"-->
<!--                                                           class="form-check-input">-->
<!--                                                    <label class="form-check-label" for="customRadio4">否</label>-->
<!--                                                </div>-->
<!--                                            </div>-->
                                        </form>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <button type="submit" class="btn btn-primary" onclick="playInfoSubmit()">提交</button>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script src="../../js/vendor.min.js"></script>
<script src="../../vendor/select2/js/select2.min.js"></script>
<script src="../../vendor/daterangepicker/moment.min.js"></script>
<script src="../../vendor/daterangepicker/daterangepicker.js"></script>
<script src="../../vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="../../vendor/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script src="../../vendor/jquery-mask-plugin/jquery.mask.min.js"></script>
<script src="../../vendor/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
<script src="../../vendor/bootstrap-maxlength/bootstrap-maxlength.min.js"></script>
<script src="../../vendor/handlebars/handlebars.min.js"></script>
<script src="../../vendor/typeahead.js/typeahead.bundle.min.js"></script>
<script src="../../vendor/flatpickr/flatpickr.min.js"></script>
<script src="../../vendor/toastr/toastr.js"></script>
<script src="../../js/pages/typehead.init.js"></script>
<script src="../../js/pages/timepicker.init.js"></script>
<script src="../../js/app.min.js"></script>
<script src="../../js/order/playWith-enter.js"></script>
</html>